// Namespace
.c-content {
	// Embedded CodePen
	//
	// Style guide: Components.post.codepen
	iframe[src^="https://codepen.io/"] {
		margin-top: $_c-post-vertical-spacing !important;
		height: 20rem;
	}


	// Embedded Tweet
	//
	// Style guide: Components.post.tweet
	.twitter-tweet {
		margin-top: $_c-post-vertical-spacing !important;
		margin-bottom: $_c-post-breathing-room !important;
	}


	// Embedded video
	//
	// Style guide: Components.post.video
	.video--16-9 {
		margin-top: $_c-post-vertical-spacing !important;
		position: relative;
		padding-bottom: 56.25%; // 16:9 ratio
		height: 0;

		iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}
}
